import React, { Component } from 'react';


// 引入react 中参数校验对象 props-type
// 通过props-type 定义接收的数据类型, 相当于vue中props对象形式
import Pts from 'prop-types';
console.log('Pts', Pts);
class Myclass extends Component {
    // 写法1:
    static propTypes = {
        mytit: Pts.string,
        myhandleFn: Pts.func
    }
    static defaultProps = {
        mytit: '小丽'
    }
    render() {
        console.log(this);
        return (
            <div>
                <p>{this.props.mytit}</p>
                <button onClick={this.props.myhandleFn}>点击修改tit</button>
            </div>
        );
    }
}

//在react中使用后props-type 规定参数的数据类型以及是否需要传递
// Pts.类型.isRequired
// 注意: isRequired 使用时,前面必须设置类型,结合使用,不能单独使用
// 通过设置静态属性的形式设置propTypes 属性,
// 写法2:
// Myclass.propTypes = {
//     mytit: Pts.string.isRequired,
//     myhandleFn: Pts.func
// }

// 设置参数的默认值
// Myclass.defaultProps = {
//     mytit: '小丽啊'
// }

export default Myclass;
